import Logo from '@/assets/img/logo.png'

class Table {
	constructor() {
	}
	createTable() {
		let tableForm = '<table class="top">';
		tableForm += '<thead>';
		tableForm += '<tr>';
		tableForm += '<th>ID</th>';
		tableForm += '<th>姓名</th>';
		tableForm += '<th>年龄</th>';
		tableForm += '<th>住址</th>';
		tableForm += '</tr>';
		tableForm += '</thead>';
		tableForm += '</table>';
		tableForm += '<div class="outer-scroll-box">';
		tableForm += '<div class="scroll-box">';
		tableForm += '<table class="tab-scroll">';
		tableForm += '<tbody>';
		tableForm += '<tr>';
		tableForm += '<td>1001</td>';
		tableForm += '<td id="iamge-test">李四</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '<tr>';
		tableForm += '<td>1002</td>';
		tableForm += '<td>王五</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '<tr>';
		tableForm += '<td>1003</td>';
		tableForm += '<td>王五</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '<tr>';
		tableForm += '<td>1004</td>';
		tableForm += '<td>Jack</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '<tr>';
		tableForm += '<td>1005</td>';
		tableForm += '<td>小兰</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '<tr>';
		tableForm += '<td>1006</td>';
		tableForm += '<td>王五</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '<tr>';
		tableForm += '<td>1007</td>';
		tableForm += '<td>王五</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '<tr>';
		tableForm += '<td>1008</td>';
		tableForm += '<td>Jack</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '<tr>';
		tableForm += '<td>1009</td>';
		tableForm += '<td>小兰</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '<td>AAAA</td>';
		tableForm += '</tr>';
		tableForm += '</tbody>';
		tableForm += '</table>';
		tableForm += '</div>';
		tableForm += '</div>';
		document.getElementById('container').innerHTML = tableForm;
		var image =  new Image();
		image.src=Logo;
		document.querySelector('#iamge-test').appendChild(image);
	}
	initTable() {
		this.createTable()
	}
}




export default Table